<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4561268" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">取消发布</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">运行</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">重命名</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">隐藏空分组</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">隐藏多选框</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">显示空分组</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">显示多选框</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">我的收藏</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">我的创建</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">释放权限</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">数据预览</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">数据文件</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">批量移动分组</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">获取权限</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">脚本</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">格式化</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">打开脚本</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">SQL脚本</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">手动关联</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">隐藏</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">移动</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">下一步</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">上一步</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">测试</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">取消关联</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">标记为已选</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">概况</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">访问控制</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">收起2</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">数据安全</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">设计器</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">上一步</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">库表推送2</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">工作空间概览</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">库表推送</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">管理员</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">检察院</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">工具</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">格式化</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">黑名单</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">下拉1</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">探查</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">同名关联</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">数据源管理</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">数据应用</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">数据质量</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">顺序关联</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">数据接口</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">数据推送</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">数据开发</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">数据标准</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">数据分层设置</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">数据标签</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">授权管理</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">数据采集</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">系统logo新</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">子文件</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">作业管理</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">自动识别</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">展开文件</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">运行</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">元数据</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">用户和角色</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">用户名</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">选择框</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">下拉2</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">文件推送</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1717489138206'); /* IE9 */
  src: url('iconfont.eot?t=1717489138206#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1717489138206') format('woff'),
       url('iconfont.ttf?t=1717489138206') format('truetype'),
       url('iconfont.svg?t=1717489138206#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaofabu"></span>
            <div class="name">
              取消发布
            </div>
            <div class="code-name">.icon-quxiaofabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun1"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunhang1"></span>
            <div class="name">
              运行
            </div>
            <div class="code-name">.icon-yunhang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongmingming"></span>
            <div class="name">
              重命名
            </div>
            <div class="code-name">.icon-zhongmingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yincangkongfenzu"></span>
            <div class="name">
              隐藏空分组
            </div>
            <div class="code-name">.icon-yincangkongfenzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangqing1"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-xiangqing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yincangduoxuankuang"></span>
            <div class="name">
              隐藏多选框
            </div>
            <div class="code-name">.icon-yincangduoxuankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianshikongfenzu"></span>
            <div class="name">
              显示空分组
            </div>
            <div class="code-name">.icon-xianshikongfenzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianshiduoxuankuang"></span>
            <div class="name">
              显示多选框
            </div>
            <div class="code-name">.icon-xianshiduoxuankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeshoucang"></span>
            <div class="name">
              我的收藏
            </div>
            <div class="code-name">.icon-wodeshoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodechuangjian"></span>
            <div class="name">
              我的创建
            </div>
            <div class="code-name">.icon-wodechuangjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shifangquanxian"></span>
            <div class="name">
              释放权限
            </div>
            <div class="code-name">.icon-shifangquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuyulan"></span>
            <div class="name">
              数据预览
            </div>
            <div class="code-name">.icon-shujuyulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuwenjian"></span>
            <div class="name">
              数据文件
            </div>
            <div class="code-name">.icon-shujuwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping1"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piliangyidongfenzu"></span>
            <div class="name">
              批量移动分组
            </div>
            <div class="code-name">.icon-piliangyidongfenzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huoququanxian"></span>
            <div class="name">
              获取权限
            </div>
            <div class="code-name">.icon-huoququanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoben"></span>
            <div class="name">
              脚本
            </div>
            <div class="code-name">.icon-jiaoben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-geshihua1"></span>
            <div class="name">
              格式化
            </div>
            <div class="code-name">.icon-geshihua1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dakaijiaoben"></span>
            <div class="name">
              打开脚本
            </div>
            <div class="code-name">.icon-dakaijiaoben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SQLjiaoben"></span>
            <div class="name">
              SQL脚本
            </div>
            <div class="code-name">.icon-SQLjiaoben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoudongguanlian"></span>
            <div class="name">
              手动关联
            </div>
            <div class="code-name">.icon-shoudongguanlian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yincang"></span>
            <div class="name">
              隐藏
            </div>
            <div class="code-name">.icon-yincang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yidong"></span>
            <div class="name">
              移动
            </div>
            <div class="code-name">.icon-yidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiayibu"></span>
            <div class="name">
              下一步
            </div>
            <div class="code-name">.icon-xiayibu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangyibu1"></span>
            <div class="name">
              上一步
            </div>
            <div class="code-name">.icon-shangyibu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ceshi"></span>
            <div class="name">
              测试
            </div>
            <div class="code-name">.icon-ceshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaoguanlian1"></span>
            <div class="name">
              取消关联
            </div>
            <div class="code-name">.icon-quxiaoguanlian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaojiweiyixuan"></span>
            <div class="name">
              标记为已选
            </div>
            <div class="code-name">.icon-biaojiweiyixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaikuang"></span>
            <div class="name">
              概况
            </div>
            <div class="code-name">.icon-gaikuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangwenkongzhi"></span>
            <div class="name">
              访问控制
            </div>
            <div class="code-name">.icon-fangwenkongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouqi2"></span>
            <div class="name">
              收起2
            </div>
            <div class="code-name">.icon-shouqi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuanquan"></span>
            <div class="name">
              数据安全
            </div>
            <div class="code-name">.icon-shujuanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouqi"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.icon-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.icon-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shejiqi"></span>
            <div class="name">
              设计器
            </div>
            <div class="code-name">.icon-shejiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangyibu"></span>
            <div class="name">
              上一步
            </div>
            <div class="code-name">.icon-shangyibu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kubiaotuisong2"></span>
            <div class="name">
              库表推送2
            </div>
            <div class="code-name">.icon-kubiaotuisong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuokongjiangailan"></span>
            <div class="name">
              工作空间概览
            </div>
            <div class="code-name">.icon-gongzuokongjiangailan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kubiaotuisong"></span>
            <div class="name">
              库表推送
            </div>
            <div class="code-name">.icon-kubiaotuisong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanliyuan"></span>
            <div class="name">
              管理员
            </div>
            <div class="code-name">.icon-guanliyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianchayuan"></span>
            <div class="name">
              检察院
            </div>
            <div class="code-name">.icon-jianchayuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongju"></span>
            <div class="name">
              工具
            </div>
            <div class="code-name">.icon-gongju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-geshihua"></span>
            <div class="name">
              格式化
            </div>
            <div class="code-name">.icon-geshihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-heimingdan"></span>
            <div class="name">
              黑名单
            </div>
            <div class="code-name">.icon-heimingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiala1"></span>
            <div class="name">
              下拉1
            </div>
            <div class="code-name">.icon-xiala1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tancha"></span>
            <div class="name">
              探查
            </div>
            <div class="code-name">.icon-tancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongmingguanlian"></span>
            <div class="name">
              同名关联
            </div>
            <div class="code-name">.icon-tongmingguanlian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuyuanguanli"></span>
            <div class="name">
              数据源管理
            </div>
            <div class="code-name">.icon-shujuyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuyingyong"></span>
            <div class="name">
              数据应用
            </div>
            <div class="code-name">.icon-shujuyingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuzhiliang"></span>
            <div class="name">
              数据质量
            </div>
            <div class="code-name">.icon-shujuzhiliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shunxuguanlian"></span>
            <div class="name">
              顺序关联
            </div>
            <div class="code-name">.icon-shunxuguanlian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujujiekou"></span>
            <div class="name">
              数据接口
            </div>
            <div class="code-name">.icon-shujujiekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujutuisong"></span>
            <div class="name">
              数据推送
            </div>
            <div class="code-name">.icon-shujutuisong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukaifa"></span>
            <div class="name">
              数据开发
            </div>
            <div class="code-name">.icon-shujukaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubiaozhun"></span>
            <div class="name">
              数据标准
            </div>
            <div class="code-name">.icon-shujubiaozhun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujufencengshezhi"></span>
            <div class="name">
              数据分层设置
            </div>
            <div class="code-name">.icon-shujufencengshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubiaoqian"></span>
            <div class="name">
              数据标签
            </div>
            <div class="code-name">.icon-shujubiaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouquanguanli"></span>
            <div class="name">
              授权管理
            </div>
            <div class="code-name">.icon-shouquanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujucaiji"></span>
            <div class="name">
              数据采集
            </div>
            <div class="code-name">.icon-shujucaiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitonglogoxin"></span>
            <div class="name">
              系统logo新
            </div>
            <div class="code-name">.icon-xitonglogoxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.icon-zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziwenjian"></span>
            <div class="name">
              子文件
            </div>
            <div class="code-name">.icon-ziwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyeguanli"></span>
            <div class="name">
              作业管理
            </div>
            <div class="code-name">.icon-zuoyeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidongshibie"></span>
            <div class="name">
              自动识别
            </div>
            <div class="code-name">.icon-zidongshibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhankaiwenjian"></span>
            <div class="name">
              展开文件
            </div>
            <div class="code-name">.icon-zhankaiwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunhang"></span>
            <div class="name">
              运行
            </div>
            <div class="code-name">.icon-yunhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanshuju"></span>
            <div class="name">
              元数据
            </div>
            <div class="code-name">.icon-yuanshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhejiaose"></span>
            <div class="name">
              用户和角色
            </div>
            <div class="code-name">.icon-yonghuhejiaose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuming"></span>
            <div class="name">
              用户名
            </div>
            <div class="code-name">.icon-yonghuming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuanzekuang"></span>
            <div class="name">
              选择框
            </div>
            <div class="code-name">.icon-xuanzekuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiala2"></span>
            <div class="name">
              下拉2
            </div>
            <div class="code-name">.icon-xiala2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjiantuisong"></span>
            <div class="name">
              文件推送
            </div>
            <div class="code-name">.icon-wenjiantuisong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weizhi"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.icon-weizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangqing"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-xiangqing
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaofabu"></use>
                </svg>
                <div class="name">取消发布</div>
                <div class="code-name">#icon-quxiaofabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun1"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunhang1"></use>
                </svg>
                <div class="name">运行</div>
                <div class="code-name">#icon-yunhang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongmingming"></use>
                </svg>
                <div class="name">重命名</div>
                <div class="code-name">#icon-zhongmingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yincangkongfenzu"></use>
                </svg>
                <div class="name">隐藏空分组</div>
                <div class="code-name">#icon-yincangkongfenzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangqing1"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-xiangqing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yincangduoxuankuang"></use>
                </svg>
                <div class="name">隐藏多选框</div>
                <div class="code-name">#icon-yincangduoxuankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshikongfenzu"></use>
                </svg>
                <div class="name">显示空分组</div>
                <div class="code-name">#icon-xianshikongfenzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshiduoxuankuang"></use>
                </svg>
                <div class="name">显示多选框</div>
                <div class="code-name">#icon-xianshiduoxuankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodeshoucang"></use>
                </svg>
                <div class="name">我的收藏</div>
                <div class="code-name">#icon-wodeshoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodechuangjian"></use>
                </svg>
                <div class="name">我的创建</div>
                <div class="code-name">#icon-wodechuangjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shifangquanxian"></use>
                </svg>
                <div class="name">释放权限</div>
                <div class="code-name">#icon-shifangquanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuyulan"></use>
                </svg>
                <div class="name">数据预览</div>
                <div class="code-name">#icon-shujuyulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuwenjian"></use>
                </svg>
                <div class="name">数据文件</div>
                <div class="code-name">#icon-shujuwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping1"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piliangyidongfenzu"></use>
                </svg>
                <div class="name">批量移动分组</div>
                <div class="code-name">#icon-piliangyidongfenzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huoququanxian"></use>
                </svg>
                <div class="name">获取权限</div>
                <div class="code-name">#icon-huoququanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoben"></use>
                </svg>
                <div class="name">脚本</div>
                <div class="code-name">#icon-jiaoben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-geshihua1"></use>
                </svg>
                <div class="name">格式化</div>
                <div class="code-name">#icon-geshihua1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dakaijiaoben"></use>
                </svg>
                <div class="name">打开脚本</div>
                <div class="code-name">#icon-dakaijiaoben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SQLjiaoben"></use>
                </svg>
                <div class="name">SQL脚本</div>
                <div class="code-name">#icon-SQLjiaoben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoudongguanlian"></use>
                </svg>
                <div class="name">手动关联</div>
                <div class="code-name">#icon-shoudongguanlian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yincang"></use>
                </svg>
                <div class="name">隐藏</div>
                <div class="code-name">#icon-yincang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yidong"></use>
                </svg>
                <div class="name">移动</div>
                <div class="code-name">#icon-yidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiayibu"></use>
                </svg>
                <div class="name">下一步</div>
                <div class="code-name">#icon-xiayibu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyibu1"></use>
                </svg>
                <div class="name">上一步</div>
                <div class="code-name">#icon-shangyibu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ceshi"></use>
                </svg>
                <div class="name">测试</div>
                <div class="code-name">#icon-ceshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaoguanlian1"></use>
                </svg>
                <div class="name">取消关联</div>
                <div class="code-name">#icon-quxiaoguanlian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaojiweiyixuan"></use>
                </svg>
                <div class="name">标记为已选</div>
                <div class="code-name">#icon-biaojiweiyixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaikuang"></use>
                </svg>
                <div class="name">概况</div>
                <div class="code-name">#icon-gaikuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangwenkongzhi"></use>
                </svg>
                <div class="name">访问控制</div>
                <div class="code-name">#icon-fangwenkongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouqi2"></use>
                </svg>
                <div class="name">收起2</div>
                <div class="code-name">#icon-shouqi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuanquan"></use>
                </svg>
                <div class="name">数据安全</div>
                <div class="code-name">#icon-shujuanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouqi"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#icon-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#icon-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shejiqi"></use>
                </svg>
                <div class="name">设计器</div>
                <div class="code-name">#icon-shejiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyibu"></use>
                </svg>
                <div class="name">上一步</div>
                <div class="code-name">#icon-shangyibu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kubiaotuisong2"></use>
                </svg>
                <div class="name">库表推送2</div>
                <div class="code-name">#icon-kubiaotuisong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuokongjiangailan"></use>
                </svg>
                <div class="name">工作空间概览</div>
                <div class="code-name">#icon-gongzuokongjiangailan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kubiaotuisong"></use>
                </svg>
                <div class="name">库表推送</div>
                <div class="code-name">#icon-kubiaotuisong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanliyuan"></use>
                </svg>
                <div class="name">管理员</div>
                <div class="code-name">#icon-guanliyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianchayuan"></use>
                </svg>
                <div class="name">检察院</div>
                <div class="code-name">#icon-jianchayuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongju"></use>
                </svg>
                <div class="name">工具</div>
                <div class="code-name">#icon-gongju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-geshihua"></use>
                </svg>
                <div class="name">格式化</div>
                <div class="code-name">#icon-geshihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-heimingdan"></use>
                </svg>
                <div class="name">黑名单</div>
                <div class="code-name">#icon-heimingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiala1"></use>
                </svg>
                <div class="name">下拉1</div>
                <div class="code-name">#icon-xiala1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tancha"></use>
                </svg>
                <div class="name">探查</div>
                <div class="code-name">#icon-tancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongmingguanlian"></use>
                </svg>
                <div class="name">同名关联</div>
                <div class="code-name">#icon-tongmingguanlian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuyuanguanli"></use>
                </svg>
                <div class="name">数据源管理</div>
                <div class="code-name">#icon-shujuyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuyingyong"></use>
                </svg>
                <div class="name">数据应用</div>
                <div class="code-name">#icon-shujuyingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuzhiliang"></use>
                </svg>
                <div class="name">数据质量</div>
                <div class="code-name">#icon-shujuzhiliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shunxuguanlian"></use>
                </svg>
                <div class="name">顺序关联</div>
                <div class="code-name">#icon-shunxuguanlian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujujiekou"></use>
                </svg>
                <div class="name">数据接口</div>
                <div class="code-name">#icon-shujujiekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujutuisong"></use>
                </svg>
                <div class="name">数据推送</div>
                <div class="code-name">#icon-shujutuisong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukaifa"></use>
                </svg>
                <div class="name">数据开发</div>
                <div class="code-name">#icon-shujukaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujubiaozhun"></use>
                </svg>
                <div class="name">数据标准</div>
                <div class="code-name">#icon-shujubiaozhun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujufencengshezhi"></use>
                </svg>
                <div class="name">数据分层设置</div>
                <div class="code-name">#icon-shujufencengshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujubiaoqian"></use>
                </svg>
                <div class="name">数据标签</div>
                <div class="code-name">#icon-shujubiaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouquanguanli"></use>
                </svg>
                <div class="name">授权管理</div>
                <div class="code-name">#icon-shouquanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujucaiji"></use>
                </svg>
                <div class="name">数据采集</div>
                <div class="code-name">#icon-shujucaiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitonglogoxin"></use>
                </svg>
                <div class="name">系统logo新</div>
                <div class="code-name">#icon-xitonglogoxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#icon-zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziwenjian"></use>
                </svg>
                <div class="name">子文件</div>
                <div class="code-name">#icon-ziwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyeguanli"></use>
                </svg>
                <div class="name">作业管理</div>
                <div class="code-name">#icon-zuoyeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidongshibie"></use>
                </svg>
                <div class="name">自动识别</div>
                <div class="code-name">#icon-zidongshibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhankaiwenjian"></use>
                </svg>
                <div class="name">展开文件</div>
                <div class="code-name">#icon-zhankaiwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunhang"></use>
                </svg>
                <div class="name">运行</div>
                <div class="code-name">#icon-yunhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanshuju"></use>
                </svg>
                <div class="name">元数据</div>
                <div class="code-name">#icon-yuanshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuhejiaose"></use>
                </svg>
                <div class="name">用户和角色</div>
                <div class="code-name">#icon-yonghuhejiaose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuming"></use>
                </svg>
                <div class="name">用户名</div>
                <div class="code-name">#icon-yonghuming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanzekuang"></use>
                </svg>
                <div class="name">选择框</div>
                <div class="code-name">#icon-xuanzekuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiala2"></use>
                </svg>
                <div class="name">下拉2</div>
                <div class="code-name">#icon-xiala2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjiantuisong"></use>
                </svg>
                <div class="name">文件推送</div>
                <div class="code-name">#icon-wenjiantuisong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weizhi"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#icon-weizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangqing"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-xiangqing</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
